function myFunction() {
    var input, filter, ul, li, a, i;
    input = document.getElementById('myInput');
    filter = input.value.toUpperCase();
    ul = document.getElementById("myUL");
    li = ul.getElementsByTagName("li");

    // 循环所有列表，查找匹配项
    for(i=0;i< li.length;i++) {
        a = li[i].getElementsByTagName("a")[0];
        console.log(a.innerHTML);
        // 查找a.innerHTML这个字符串里的filter的内容找到了返回filter所在的下标，下标取值范围[0,~]
        // 找不到indexOf（）就会返回-1；
        
        if(a.innerHTML.toUpperCase().indexOf(filter) > -1) {
            li[i].style.display = "";//找到li的display不变
        }
        else {
            li[i].style.display = "none";//找不到设置none
        }
    }

}